<template>
  <div class="user-quick">
    <div class="wrap">
      <el-button
        class="top-btn"
        plain
        @click="goUrl(item.url)"
        v-for="item in list"
      >
        <!-- <el-badge :value="12" class="item"> -->
        {{ item.name }}
        <!-- </el-badge> -->
      </el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "userIndex",
  components: {},
  data() {
    return {
      list: [
        {
          name: "资源申请",
          url: "/resources/apply",
          img: require("../../../assets/userindex/zysq.png"),
        },
        {
          name: "资源变更",
          url: "/resources/change",
          img: require("../../../assets/userindex/bg.png"),
        },
        {
          name: "故障处置",
          url: "/todoItem/WorkOrder",
          img: require("../../../assets/userindex/gzcz.png"),
        },
        {
          name: "退云申请",
          url: "/todoItem/WorkOrder",
          img: require("../../../assets/userindex/tysq.png"),
        },
        {
          name: "业务协助",
          url: "/todoItem/WorkOrder",
          img: require("../../../assets/userindex/bg.png"),
        },
      ],
    };
  },
  watch: {},
  created() {},
  mounted() {},
  methods: {
    goUrl(url) {
      this.$router.push({
        path: url,
      });
    },
  },
};
</script>

<style scoped lang="scss">
.user-quick {
  margin: 20px 0 0 0px;
  width: 100%;
  .wrap {
    display: flex;
    justify-content: center;

    .top-btn {
      width: 276px;
    }
  }
}
</style>
